{{- $collapsed := default false .Site.Params.sidebar.collapsed }}
<div class="accordion profile">
  <div class="accordion-item card row text-center component">
    <div class="accordion-header card-header border-0" id="profile-header">
      <a
        class="accordion-button d-lg-none mb-2 shadow-none p-0 bg-transparent text-surface{{ if $collapsed }} collapsed{{ end }}"
        role="button" data-bs-toggle="collapse" href="#profile" aria-expanded="{{ if $collapsed }}false{{ else }}true{{ end }}" aria-controls="profile">
        {{ i18n "profile" }}
      </a>
    </div>
    <div class="card-body collapse accordion-collapse accordion-body d-lg-block{{ if not $collapsed }} show{{ end }}" id="profile" aria-labelledby="profile-header">
      <div class="col-12 d-flex align-items-center justify-content-center">
        {{- partial "sidebar/profile/avatar" . -}}
      </div>
      <div class="col-12 profile-meta">
        {{- partial "sidebar/profile/meta" . -}}
      </div>
      {{- partial "sidebar/profile/social-links" . -}}
    </div>
  </div>
</div>
